<template>
  <div id="UlBox">
    <van-pagination
      class="pagination"
      simple
      v-model="pagination.current"
      :total-items="Total"
      :show-page-size="3"
      force-ellipses
      @change="paginationchange"
      :items-per-page="pagination.pageSize"
    >
    </van-pagination>
  </div>
</template>

<script>
import { Pagination, Icon } from "vant";
export default {
  props: {
    pagination: Object,
    thisOjb: Object,
    current: Number,
    Total: Number,
    pageSize: Number
  },

  components: {
    "van-icon": Icon,
    "van-pagination": Pagination
  },

  methods: {
    paginationchange(a) {
      this.pagination.current = a;

      const UlBox = document.getElementById("UlBox");
      UlBox.scrollTo(0, 0);
      this.thisOjb.getDataList();
    }
  }
};
</script>

<style scoped></style>
